<template>
  <div id="app">
<Header :cart-array="cartArray"></Header>
    <router-view></router-view>
      <router-view name="cart" :add="cartArray"></router-view>
  </div>
</template>

<style>
  @import "../node_modules/bootstrap/dist/css/bootstrap.css";
 *{
   margin: 0;
   padding:0;

 }
 body,html{
   width: 100%;
   height: 100%;
 }
#app {
  width: 100%;

}

</style>
<script>
  import Header from "./views/Header";
  export default {
    components: {Header},
      data:function () {
return{
    cartArray:[]
}
      },
      methods:{
        addProFromProduck(proObj){

            if (this.cartArray.length==0){
                this.cartArray.push({pro:proObj,count:1});
                return;
            };
            //定义变量 记录商品是否存在
            let isExits=false;
            //
            for (let objIndex in this.cartArray){
                let obj=this.cartArray[objIndex];
                let pObj =obj.pro;
                if (pObj._id==proObj._id){
                    obj.count=parseInt(obj.count)+1;
                    isExits=true;
                    break;
                }
            }
        //    再来判断 是否添加
            if (!isExits){
                this.cartArray.push({pro:proObj,count:1});
                return;
            }
        }
      }
  }
</script>